<template>
  <tc-view>
    <div class="card">
      <slot></slot>
    </div>
  </tc-view>
</template>

<script lang="ts">
  import { Component, Emit, Inject, Model, Prop, Provide, Vue, Watch } from 'vue-property-decorator'

  @Component
  export default class TcCard extends Vue{
  }
</script>


<style lang="less" scoped>
@import (reference) "~@/less/resources.less";
.theme(@background-color){
  .card{
    border-radius: @border-radius;
    border: @border-value;
    background-color: @background-color;
    margin-top: @separation;
    // box-shadow: @border-size @border-size @border-size rgba(0, 0, 0, 0.1);
  }
}
.theme-default{
  .theme(@default-tc-card-color)
}
.theme-dark{
  .theme(@dark-tc-card-color)
}
</style>
